<template>
  <div class="warp">
    <Header></Header>
    <router-view></router-view>
    <Footer></Footer>
  </div>
</template>

<script setup>
  import Header from './components/header/header.vue'
  import Footer from './components/footer/footer.vue'

</script>
<style lang="less">
  head,body{
    height: 100%;
  }
  .warp{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    background-color: #f5f5f5;
  }
</style>
